<template>
    <div class="aoubt">
        <h2>大家好，欢迎来到尚硅谷直播间</h2>
    </div>
</template>
<script setup lang="ts">
import { onMounted,onUnmounted } from 'vue';

// 使用这个函数来修改组件名
defineOptions({
  name: "About"
})

onMounted(()=>{
    console.log('About组件挂载了')
})

onUnmounted(()=>{
    console.log('About组件卸载了')
})

</script>
<style>
.about{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: rgb(85, 84, 84);
    font-size: 18px;
}
</style>